:root {
  /* Background colors */
  --bg-primary: #141414;
  --bg-secondary: #1f1f1f;
  --bg-tertiary: #252525;

  /* Text colors */
  --text-primary: #fff;
  --text-secondary: #b3b3b3;
  --text-tertiary: #8c8c8c;

  /* Border colors */
  --border-color: #333;

  /* Button colors */
  --button-bg: #3d3d3d;
  --button-bg-hover: #4c4c4c;
  --button-text: #fff;
  --button-text-hover: #e6e6e6;
  --button-bg-active: #2d2d2d;
  --button-text-active: #d9d9d9;

  /* Input colors */
  --input-bg: #252525;
  --input-bg-hover: #333;
  --input-text: #fff;

  /* Link colors */
  --link-color: #007bff;
  --link-color-hover: #66b3ff;

  /* General stuff */
  --light-white: #e2e8f0;

  --selected-secondary: #312e81;
}
